<div id="processApproval">
  <yu-panel title="流程审批">
<!--    <yu-xform ref="processInfoSearch" related-table-name="processTable" form-type="search"-->
<!--              :custom-search-fn="searchFn">-->
<!--      <yu-xform-group :column="3">-->
<!--&lt;!&ndash;        <yu-xform-item label="客户名称" placeholder="客户名称" name="custName"&ndash;&gt;-->
<!--&lt;!&ndash;                       ctype="input"></yu-xform-item>&ndash;&gt;-->
<!--      </yu-xform-group>-->
<!--    </yu-xform>-->
    <div style="justify-content:space-between;display: flex">
      <div>
        <yu-button type="warning" @click="lookupProcessInformation()" >查询基本信息</yu-button>
      </div>
    </div>
    <div style="height: 30px"></div>
    <yu-xtable ref="processTable" :base-params="processData" :data-url="processDataUrl" request-type="get" row-number style="width: 100%" selection-type="checkbox" >
      <yu-xtable-column prop="promoterName" label="发起人姓名" width="150px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="approvalStatus" label="审批状态" width="150px" data-code="APPROVAL_STATUS" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column prop="promoterDt" label="发起时间" width="150px" align="center" show-overflow-tooltip></yu-xtable-column>
      <yu-xtable-column label="操作栏">
        <template v-if="scope.row.approvalStatus==0" slot-scope="scope">
          <yu-button @click="adoptFn(scope.row)" type="text" size="small">审批通过</yu-button>
          <yu-button @click="refuseFn(scope.row)" type="text" size="small">拒绝</yu-button>
        </template>
      </yu-xtable-column>
    </yu-xtable>
  </yu-panel>
  <!-- 查看审批信息弹框-->
  <el-dialog-x :center="true" title="" :visible.sync="dialogFormVisible" position="relative" @close="closeDialog()">
    <div style="display: flex;height: auto;position: relative;transition: all .5s;flex-direction: column">
      <yu-xform :disabled="formDisabled" ref="processApprovalForm"  label-width="110px" v-model="processApprovalInfo">
        <yu-xform-group :column="1">
          <yu-xform-item label="客户名称" placeholder="客户名称"  name="custName" ctype="input"></yu-xform-item>
          <yu-xform-item label="证件号码" placeholder="证件号码"  name="ctfNo" ctype="input"></yu-xform-item>
          <yu-xform-item label="联系地址" placeholder="联系地址" name="address" ctype="input"></yu-xform-item>
          <yu-xform-item label="发起人姓名" placeholder="发起人姓名" name="sponsorName" ctype="input"></yu-xform-item>
          <yu-xform-item label="创建时间" placeholder="创建时间" ctype="input" name="crtDt"></yu-xform-item>
        </yu-xform-group>
        <yu-xform-group :column="1">
        </yu-xform-group>
      </yu-xform>
      <div slot="footer" class="dialog-footer" align="center">
        <el-button v-if="saveBtnShow" type="primary" @click="saveEditFunc()">保存</el-button>
        <el-button v-if="saveBtnShow" @click="restInputValue()">取消</el-button>
      </div>
    </div>
  </el-dialog-x>
  <el-dialog-x :center="true" title="" :visible.sync="messageFormVisible" position="relative" @close="closeDialog()">
    <div style="display: flex;height: auto;position: relative;transition: all .5s;flex-direction: column">
      <yu-xform :disabled="formDisabled" ref="messageForm"  label-width="110px" v-model="messageFormInfo">
        <yu-xform-group :column="1">
          <yu-xform-item label="发起人姓名" placeholder="发起人姓名" name="promoterName" ctype="input"></yu-xform-item>
          <yu-xform-item colspan="30" label="短信内容" placeholder="短信内容" name="content" ctype="textarea"></yu-xform-item>
        </yu-xform-group>
        <yu-xform-group :column="1">
        </yu-xform-group>
      </yu-xform>
      <div slot="footer" class="dialog-footer" align="center">
        <el-button v-if="saveBtnShow" type="primary" @click="saveEditFunc()">保存</el-button>
        <el-button v-if="saveBtnShow" @click="restInputValue()">取消</el-button>
      </div>
    </div>
  </el-dialog-x>
</div>
